<style>
    .oneba{
        width: 200px;
        height: 80px;
        padding: 30px;
        margin: 10px;
    }
    #app{
        padding: 30px;
    }
</style>
<div id="app" v-cloak>
    <div class="flex-column">
        <div class="flex-row flex-wrap">
            <div class="flex-column oneba yinying flex-content-between">
                <div style="font-size: 20px">插件数量</div>
                <el-divider ></el-divider>
                <div>{{plugin}}</div>
            </div>
            <div class="flex-column oneba yinying flex-content-between">
                <div style="font-size: 20px">用户数量</div>
                <el-divider ></el-divider>
                <div>{{users}}</div>
            </div>
            <div class="flex-column oneba yinying flex-content-between">
                <div style="font-size: 20px">今日注册</div>
                <el-divider ></el-divider>
                <div>{{addusers}}</div>
            </div>
            <div class="flex-column oneba yinying flex-content-between">
                <div style="font-size: 20px">7日内注册</div>
                <el-divider ></el-divider>
                <div>{{addusers7}}</div>
            </div>
            <div class="flex-column oneba yinying flex-content-between">
                <div style="font-size: 20px">30日内注册</div>
                <el-divider ></el-divider>
                <div>{{addusers30}}</div>
            </div>
        </div>
    </div>
    <div class="flex-row flex-content-between" style="margin-top: 30px;width: 90vw">
        <div id="main" style="width:1000px;height:400px;"></div>
        <div class="flex-column">
            <div>系统信息</div>
            <div>
                <el-table :data="systemData">
                    <el-table-column prop="name" label="" width="180" ></el-table-column>
                    <el-table-column prop="value" label="" width="180" ></el-table-column>
                </el-table>
            </div>
        </div>
    </div>
<!--    <div id="main" style="width: 600px;height:400px;"></div>-->
</div>